// index.js
// 获取应用实例
const app = getApp()
const api = require('../../utils/api')
Page({
  data: {
    motto: 'Hello World',
    active:"a",
    userInfo: {},
    navbarHeight: 0, // 顶部导航栏高度
    hasUserInfo: false,
    loading: true,
    page:1,
    carList:[],
    carList2:[],
    swiperList:[],
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    canIUseGetUserProfile: false,
    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
  },
  // 事件处理函数
  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad() {
    this.getproList()
    this.setViewList()
    this.getSwiperList()
    const res = wx.getMenuButtonBoundingClientRect()
    let statusBarHeight = app.globalData.systeminfo.statusBarHeight // 状态栏高度
    let headerPosi = app.globalData.headerBtnPosi 
    let btnPosi = { // 胶囊实际位置，坐标信息不是左上角原点
      bottom: headerPosi.bottom - headerPosi.height - statusBarHeight, // 胶囊bottom - 胶囊height - 状态栏height （胶囊实际bottom 为距离导航栏底部的长度）
    }
    this.setData({
      navbarHeight: headerPosi.bottom + btnPosi.bottom, // 胶囊bottom + 胶囊实际bottom
    });
    // console.log(res.width)
    // console.log(res.height)
    // console.log(res.top)
    // console.log(res.right)
    // console.log(res.bottom)
    // console.log(res.left)
    // wx.getSystemInfo({
    //   success: (result) => {
    //     console.log(result,'result')
    //     console.log('高度=',result.statusBarHeight+res.height+res.top+res.bottom)
    //   },
    // })
    
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
    setTimeout((res)=>{
      this.setData({
        loading: false
      })
    },2000)
  },
  setViewList(){
    let result =  wx.getStorageSync('viewList')
    if(!result){
        wx.setStorageSync('viewList', [])
    }
  },
  getSwiperList() {
    let obj = {
        page: 1,
        pagesize: 10,
    }
    api.carousellist({
        data:obj,
        method:'post',
        success: (res)=>{
            this.setData({
                swiperList:res.data.data.data
            })
        }
    })
    
  },
  onShareAppMessage: function(ops) {
    wx.showShareMenu({
      withShareTicket: true,
      menus:['shareAppMessage','shareTimeline']
    })
  },
  onShareTimeline: function(){
    return {
      title: '',
      query: {
      // key: ‘value’ //要携带的参数
      },
      imageUrl: '' //分享图,默认小程序的logo
      }
  },
  getproList(){
    let obj = {
        page: this.data.page,
        pagesize: 10,
    }
    api.recommendlist({
        data:obj,
        method:'post',
        success: (res)=>{
            this.setData({
                carList2:res.data.data.data
            })
        }
    })
    api.qualitylist({
      data:obj,
      method:'post',
      success: (res)=>{
          this.setData({
              carList:res.data.data.data
          })
      }
  })
  },
  onChange(e){
    // console.log(e,this.data.active)
    this.setData({
      active:e.detail.name
    })
  },
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  onReachBottom: function(){
    let that = this
    let page = that.data.page
    page = page+1
    var list = that.data.carList
    var list2 = that.data.carList2
    let obj = {
      page: page,
      pagesize: 10,
  }
  if(that.data.active=="a"){
    api.qualitylist({
      data:obj,
      method:'post',
      success: (res)=>{
        if(res.data.data.data){
          this.setData({
            carList:list.concat(res.data.data.data),
            page:page
        })
        }else{
          wx.showToast({
            title: '已显示最多数据',
          })
        }
    
      }
  })
  }else{
    api.recommendlist({
      data:obj,
      method:'post',
      success: (res)=>{
        if(res.data.data.data){
          this.setData({
            carList2:list2.concat(res.data.data.data),
            page:page
        })
        }else{
          wx.showToast({
            title: '已显示最多数据',
          })
        }
    
      }
  })
  }
    // api.recommendlist({
    //     data:obj,
    //     method:'post',
    //     success: (res)=>{
    //         this.setData({
    //             carList2:res.data.data.data
    //         })
    //     }
    // })



  },
  // getUserInfo(e) {
  //   // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
  //   console.log(e)
  //   this.setData({
  //     userInfo: e.detail.userInfo,
  //     hasUserInfo: true
  //   })
  // }
})
